/*变量*/
:root {

  /**颜色变量
   -re表示反转色，例如背景和文字一般就用一对反转色
   -0表示更极限颜色；-1表示更温和的颜色；-r表示半透明
   */
  /*背景色，-re一般用于字体，-re-1一般用于边框*/
  --color-bg:      rgb(247,248,250);
  --color-bg-0:    rgb(255,255,255);
  --color-bg-1:    rgb(239,240,245);
  --color-bg-r:    rgba(247,248,250,.5);
  --color-bg-re:   rgb(30,30,31);
  --color-bg-re-0: rgb(0,0,0);
  --color-bg-re-1: rgb(60,60,61);
  --color-bg-re-r: rgb(30,30,31,.5);
  /*主色调*/
  --color-primary:   rgb(11,119,255);
  --color-primary-0: rgb(59,146,255);
  --color-primary-1: rgb(9,103,232);
  --color-primary-r: rgba(11,119,255,.5);
  --color-primary-re:   rgb(247,248,250);
  --color-primary-re-0: rgb(255,255,255);
  --color-primary-re-1: rgb(239,240,245);
  --color-primary-re-r: rgba(247,248,250,.5);
  /*错误警告*/
  --color-error: rgb(245,60,60);
  --color-error-0: rgb(245,20,20);
  --color-error-1: rgb(245,100,100);
  --color-error-re:   rgb(247,248,250);
  --color-error-re-0: rgb(255,255,255);
  --color-error-re-1: rgb(239,240,245);
  --color-error-re-r: rgba(247,248,250,.5);
}

/*暗黑模式下*/
@media (prefers-color-scheme: dark) {
  :root{
    --color-bg:   rgb(30,30,31);
    --color-bg-0: rgb(0,0,0);
    --color-bg-1: rgb(60,60,61);
    --color-bg-r: rgb(30,30,31,.5);
    --color-bg-re:      rgb(247,248,250);
    --color-bg-re-0:    rgb(255,255,255);
    --color-bg-re-1:    rgb(239,240,245);
    --color-bg-re-r:    rgba(247,248,250,.5);
  }
}

/*公共样式*/
*{box-sizing: border-box;margin: 0;padding: 0;line-height: inherit;text-size-adjust: none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{font-size: 14px;background: var(--color-bg);color: var(--color-bg-re);line-height: 1.5;}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul{margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
button, input, optgroup, option, select, textarea{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline: 0;}
table{border-collapse: collapse;}
.raw-style table{border-collapse: inherit;}
li{list-style: none;}
.raw-style li{list-style: inherit;}
img{max-width: 100%;object-fit: contain;}
a{color: inherit;text-decoration: none;}
a:hover{color: inherit;text-decoration: none;}


/*通用功能类*/
.hidden{display: none !important;}
.text-ellipsis,.text-ellipsis-left{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;width: 100%;}
.text-ellipsis-left{direction: rtl;text-align: left;}
.flex{display: flex;align-items: center;}
.flex>*{flex-grow: 0;flex-shrink: 0;}
.flex>*.max{flex-shrink: 1;flex-basis: 100%;}
